@import "base";

.center-main {
  position: relative;
  padding-bottom: 60px;

  //*****头部*****
  .header {
    background: -webkit-linear-gradient(right, #98ADF6, #7E82F6);
    width: 100%;
    height: 100px;
    color: #fff;
    padding: 0 15px;
    box-sizing: border-box;

    p {
      line-height: 90px;

      img {
        width: 60px;
        height: 60px;
        vertical-align: middle;
        border-radius: 50%;
        margin-right: 3px;
      }
    }
  }
  //*****头部*****

  //*****我的订单*****
  .my-order {
    height: auto;
    width: 100%;
    padding-left: 15px;
    box-sizing: border-box;

    p:nth-child(1) {
      width: 100%;
      height: 44px;
      line-height: 44px;

      span {
        margin-right: 15px;

        i {
          position: relative;
          top: 1px;
          left: 0;
        }
      }
    }

    .order-type {
      padding-right: 15px;
      box-sizing: border-box;

      ul {
        display: flex;
        width: 100%;
        height: 76px;

        li {
          width: 20%;
          height: 100%;
          display: flex;
          flex-direction: column;
          justify-content: center;
          font-size: 12px;

          i {
            font-size: 28px;

            sup {
              top: 0;
              right: 16px;
              display: inline-block;
              background-color: #F54E4E;
              height: 15px;
              line-height: 15px;
              width: 15px;
              border: 1px solid #fff;
              border-radius: 50%;
              font-size: 12px;
              color: #fff;
            }

            .sup-type-1,
            .sup-type-2 {
              width: auto;
              padding: 0 2px;
              border-radius: 8px;
              font-size: 10px;
            }

            .sup-type-2{
              right: 10px;
            }
          }
        }
      }
    }
  }
  //*****我的订单*****

  //*****单元格*****
  .cell-box{

    ul{
      width: 100%;
      height: 100%;

      li{
        padding-left:15px;
        box-sizing: border-box;
        height: 44px;
        line-height: 44px;
        width: 100% ;

        .icon-left{
          font-size: 20px;
          position: relative;
          top: 2px;
          left: 0;
        }

        .msg{
          width: calc(100% - 27px);
          height: 100%;

          span{
            margin-right: 15px;

            .iconfont{
              top:1px;
              left:0;
            }
          }
        }
      }
    }

    .cell-1{
      height: 176px;
    }
  }
  //*****单元格*****

  //*****其它模块入口*****
  .other-module{
    width: 100%;
    height:auto;

    ul{
      width: 100%;
      height: auto;
      display: flex;
      flex-wrap: wrap;

      li{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 25%;
        height: 82px;

        i{
          font-size: 32px;
          color: #8982F9;
        }
      }
    }
  }
  //*****其它模块入口*****

}
